<template>

    <div style="height:100%;">
  <el-scrollbar class="m-scroll" style="height:100%;border-right: none;">
    <el-menu
        :default-openeds="['1', '3']"
        router
        :collapse="collapse"
        :collapse-transition="false"
        background-color="#4c5870"
      >
        <navbarltem :menus="menus" :collapse="collapse"></navbarltem>
      </el-menu>
  </el-scrollbar>
 </div>
</template>

<script>
import Navbarltem from "./Navbarltem.vue";

export default {
  components: { Navbarltem },

  props: {
    menus: {
      typr: Array,
      require: true,
    },
    collapse: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style>
.el-scrollbar__wrap {
  overflow-x: hidden !important;
}
.el-menu {
  height: 100%;
  border-right: none !important;
}

</style>